<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="css/home.css" media="screen" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>


    </head>
    <body>
        <div id="wrapper">	
            <div id="top">
                <div id="logo">
                    <!--LOGO WIDGET [slug:logo, library:0, widget instance:1]-->
                    <div id="logo_wi_1" class="logo_1"> 
                        <!--Load css of widget-->
                        <link rel="stylesheet" type="text/css" href="../../widget/logo/1/logo_1.css" />

                        <div class="logo_image"></div><!--End #logo_image-->
                        <div class="logo_heading"> <a href="http://localhost/gishop/">Phở cuốn 31</a> </div>
                        <div class="logo_slogan"> your slogan here</div>
                    </div>
                    <!--END LOGO WIDGET--> 
                </div>
                <!--END logo-->	
                <div id="wrapper_cart" align="right">
                    <table>
                        <tr>
                            <td>
                                <!--USER BLOCK WIDGET [slug:user_block, library:0, widget instance:1]-->
                                <div id="user_block_wi_1" class="user_block_1">
                                    <link rel="stylesheet" type="text/css" href="../../widget/user_block/1/user_block_1.css" />
                                    <a class="cliquable" href="#">MON COMPTE</a><br/>
                                    <a href="#" class="gris">( Connexion )</a>
                                </div>
                                <!--END USER BLOCK WIDGET-->  
                            </td>
                            <td>
                                <!--CART BLOCK WIDGET [slug:cart_block, library:0, widget instance:1]-->
                                <div id="cart_block_wi_1" class="cart_block_1">
                                    <link rel="stylesheet" type="text/css" href="../../widget/cart_block/1/cart_block_1.css" />
                                    <a class="cliquable" href="#">PANIER</a>
                                    <br/>Now in your cart <a href="#" class="gris">( 0 item )</a>
                                    <!--END CART BLOCK WIDGET-->  
                            </td>
                        </tr>
                    </table>

                    <!--CART SEARCH BAR WIDGET [slug:search_bar, library:0, widget instance:1]-->
                    <div id="search_bar_wi_1" class="search_bar_0">
                        <link rel="stylesheet" type="text/css" href="../../widget/search_bar/0/search_bar_0.css" />
                        <input name="search" value="search..." class="search_input"/>
                    </div>
                    <!--END SEARCH BAR WIDGET-->  
                </div>
                <!--END wrapper_cart-->		

            </div>
            <!--END top-->

            <div id="wrapper_menu">

                <!--HMENU WIDGET [slug:menu, library:2, widget instance:1]-->
                <div id="menu_wi_1" class="menu_2"> 
                    <!--Load css of widget--> 
                    <link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />
                    <ul class="menu">
                        <li><a href="#">Trang chủ</a>
                        <li><a href="#">Giới thiệu</a>
                        <li><a href="#">Gallery</a>
                        <li><a href="#">Tin tức</a>
                        <li><a href="#" class="active">Liên hệ</a>
                    </ul>
                </div>
                <!--END HMENU WIDGET--> 

            </div>
            <!--END wrapper_menu-->	

            <div id="banner">
                <!--HOME BANNER WIDGET [slug:home_banner, library:1, widget instance:1]-->
                <div id="wi_1" class="home_banner_1"> 
                    <link rel="stylesheet" href="../../widget/home_banner/1/orbit-1.2.3.css"/>
                    <link rel="stylesheet" href="../../widget/home_banner/1/home_banner_1.css"/>
                    <script type="text/javascript" src="../../widget/home_banner/1/jquery.orbit-1.2.3.js"></script>
                    <script type="text/javascript">
                        $(window).load(function() {
                            $('#featured').orbit();
								
                        });
                    </script>
                    <div id="slider-wrapper">
                        <div id="featured"> 
                            <img src="../../widget/home_banner/1/banner1.jpg" data-caption="#htmlCaption1"/>
                            <img src="../../widget/home_banner/1/banner2.jpg" data-caption="#htmlCaption" />

                        </div>
                        <!-- Captions for Orbit -->

                        <span class="orbit-caption" id="htmlCaption1">
                            <h2>Gusteau restaurant has a new branch</h2> 
                            <p>Take some cooked enough for each crouton, and serve the beginning to fry over the insides, and turnip, potato already added two onions, thyme, parsley, pepper with the cod, sprinkling it on a little bit of two leeks.</p>
                        </span>

                        <span class="orbit-caption" id="htmlCaption">
                            <h2>aaaaaaaaaaaa</h2>
                            <p>bbbbbbbbbbbbbbbbbbb
                            </p>
                        </span>

                    </div>	

                </div>
                <!--END HOME BANNER WIDGET--> 


            </div>


            <div id="wrapper_content">
                <div id="wrapper_content_left">
                    <!--PRODUCT CATEGORY WIDGET [slug:product_category, library:0, widget instance:1]-->
                    <div id="produc_category_wi_1" class="produc_category_1">
                        <!--Load css of widget-->
                        <link rel="stylesheet" type="text/css" href="../../widget/product_category/1/product_category_1.css" />

                        <div class="wrapper_module">
                            <div class="title_module" id="category">CATEGORIES</div>
                            <script>
                                $(document).ready(function() {
                                    $(".module_list .list_cat").hover(
                                    function () {
  
                                        $(this).addClass("highlight");
                                    }, 
                                    function () {
                                        $(this).removeClass("highlight");
                                    }
                                );
                                    $(".sub_menu li").hover(
                                    function () {
  
                                        $(this).find('a').addClass("sub_active");
                                    }, 
                                    function () {
                                        $(this).find('a').removeClass("sub_active");
                                    }
                                );

                                    $(".arrow_cat a").click(function(){	
                                        $(this).parent().parent().next().slideToggle("slow"); 
                                        return false;
                                    });
	
                                });
                            </script>
                            <div class="module_list">

                                <div class="list_cat active">
                                    <div class="elt_list_cat">
                                        <div class="title_cat">	<a href="#" >Burberry zefze </a></div>
                                        <div class="arrow_cat"><a href="#" class="arrow_img"></a></div>
                                    </div>
                                    <div class="sub_menu">
                                        <ul>
                                            <li><a href="#" class="sub_active">Sub menu 1</a></li>
                                            <li><a href="#" >Sub menu 1</a></li>
                                            <li><a href="#" >Sub menu 1</a></li>
                                            <li><a href="#" >Sub menu 1</a></li>
                                        </ul>
                                    </div>

                                </div>	

                                <div class="list_cat">
                                    <div class="elt_list_cat">
                                        <div class="title_cat">	<a href="#" >Burberry</a></div>
                                        <div class="arrow_cat"><a href="#" class="arrow_img"></a></div>
                                    </div>
                                    <div class="sub_menu">
                                        <ul>
                                            <li><a href="#" class="sub_active">Sub menu 1</a></li>
                                            <li><a href="#" >Sub menu 1</a></li>
                                            <li><a href="#" >Sub menu 1</a></li>
                                            <li><a href="#" >Sub menu 1</a></li>
                                        </ul>
                                    </div>

                                </div>		

                                <div class="list_cat">
                                    <div class="elt_list_cat">
                                        <div class="title_cat">	<a href="#" >Burberry</a></div>
                                    </div>	
                                </div>		

                                <div class="list_cat">
                                    <div class="elt_list_cat">
                                        <div class="title_cat">	<a href="#" >Burberry</a></div>
                                    </div>	
                                </div>		

                            </div>
                        </div>
                        <!--END wrapper_module-->	
                    </div>
                    <!--END PRODUCT CATEGORY WIDGET-->  

                    <!--PRODUCT RELATED SIDEBAR WIDGET [slug:product_related_sidebar, library:0, widget instance:1]-->
                    <div id="product_related_sidebar_wi_1" class="product_related_sidebar_0">
                        <!--Load css of widget-->
                        <link rel="stylesheet" type="text/css" href="../../widget/product_related_sidebar/0/product_related_sidebar_0.css" />

                        <div class="wrapper_module">
                            <div class="title_module" id="special">SPECIAL TODAY</div>
                            <div class="content_special">
                                <div class="img_special"><a href="#"><img src="product/p1.jpg" /></a></div>
                                <div class="title_special"><a href="#">Product #13</a></div>	
                                <div class="price_special"><a href="#">713$</a></div>	
                            </div>
                        </div>
                        <!--END wrapper_module-->	
                    </div>
                    <!--END PRODUCT RELATED SIDEBAR WIDGET-->  

                </div>
                <!--END wrapper_content_left-->
                <div id="wrapper_content_right">
                    <div class="title_home">WHAT NEW HERE ?</div>

                    <!--PRODUCT FEATURE WIDGET [slug:product_feature, library:0, widget instance:1]-->
                    <div id="product_feature_wi_1" class="product_feature_1">
                        <!--Load css of widget-->
                        <link href="../../widget/product_feature/1/product_feature_1.css" media="screen" rel="stylesheet" type="text/css" />
                        <style>
                            /* override style here*/

                            .product_feature_1 .product_item {
                                width: 209px;
                                float: left;
                                padding:0px 25px 20px 25px;
                            }

                        </style>    
                        <div class="list_product">

                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> 
                                    <div class="discount">-10%</div></div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL T-SHIRT FABIO BLEU ROYAL</a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €<br/><span class="old_price">200$</span></div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>


                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €</div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>

                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL </a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €<br/></div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>

                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL T-SHIRT FABIO BLEU ROYAL</a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €</div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>

                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL T-SHIRT FABIO BLEU ROYAL</a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €<br/><span class="old_price">200$</span></div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>

                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL T-SHIRT FABIO BLEU ROYAL</a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €</div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>

                            <div class="product_item" align="center">
                                <div class="product_img"> <a href="#"> <img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                <div class="section_info">
                                    <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL T-SHIRT FABIO BLEU ROYAL</a></div>
                                    <div class="product_item_short_desc">Laoreet dolore magnaorem ipsum dolor ser adipiscin...</div>
                                </div>
                                <div class="section_commerce">
                                    <div class="product_price">600,00 €<br/><span class="old_price">200$</span></div>
                                    <div class="product_add_cart"><a href="#">Ajouter au panier</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--END PRODUCT FEATURE WIDGET-->
                </div>
                <!--END wrapper_content_right-->
            </div>
            <!--END wrapper_content-->
            <div id="clear"></div>
            <div id="wrapper_footer">
                <!--FOOTER WIDGET [slug:footer, library:0, widget instance:1]-->
                <div id="footer_wi_1" class="footer_0"> 
                    <!--Load css of widget-->
                    <link rel="stylesheet" type="text/css" href="../../widget/footer/0/footer_0.css" />

                    <div class="footer_col_left">
                        <a href="#">Quán phở cuốn 31</a>
                        <span>&copy; 2012 Restaurant Estore Theme, All Rights Reserved</span>
                    </div><!--End .footer_col_left-->

                    <div class="footer_col_right">
                        <p>Web design by <span class="company_name">Gidaff Company</span></p>
                    </div><!--End .footer_col_right-->
                    <div class="clear"></div>
                </div>
                <!--END FOOTER WIDGET--> 

            </div>
            <!--END wrapper_footer-->	
        </div>
        <!--END wrapper-->
    </body>
</html>